/**
* kaspersky virtual hall
* Author: Feil.Wang
* Date: 2013.07 
*/

html,body{ height:100%; width:100%; }
.bg{ background-color:#ccc; display:table; min-height:630px; *overflow:hidden;  *position:relative; _height:expression((document.documentElement.clientHeight||document.clientHeight)<630?"630":"");}
.wrap{ display:table-cell; vertical-align:middle;   *position:absolute;  *top:50%; }
.container{ position:relative; width:1000px; height:610px; margin:0 auto; background-color:#fff; border:8px solid #000; *position:relative;  *top:-50%; overflow:hidden;}
.noborder{ border:none;}

.nav li a,
.tips,
.tips span,
.tips em,
.link a,
.mini-nav-list li a,
.mini-nav .arrow,
.m-tips em,
.btn-green3-a,
.btn-gray3-a,
.jDialog-container .j-title .j-btn-close,
.p-menu li s,
.exchange-vcard,
.i-user-info s{ background:url(../images/sprite.png) no-repeat;}
.menu,
.tabs-bar,
.tabs li.current a,
.tabs li a:hover,
.btn-green2-a,
.jDialog-container .j-title,
.btn-black-b{ background:url(../images/gradual-sprite.png);}
.main{ width:1000px; height:570px; background:url(../images/bg-01.jpg); position:absolute; top:0; left:1000px; }
.shortcut{ position:absolute; width:80px; height:40px; text-indent:-999px; overflow:hidden;}
.shortcut-1{ left:133px; top:310px}
.shortcut-2{ left:443px; top:315px}
.shortcut-3{ left:705px; top:315px}
.shortcut-4{ left:863px; top:190px}
.tips{ display:none; position:absolute; float:left; padding-left:15px; height:45px; color:#298a76; text-align:center; background-position:0 -195px; text-shadow:0 0 3px rgba(153,153,153,.9); z-index:999;}
.tips span{ float:left; height:32px;  padding-top:13px; padding-right:15px; white-space:nowrap; background-position:right -245px;}
.tips em{ position:absolute; width:10px; height:8px; background-position:-30px -70px; font-size:0; bottom:-3px; left:50%; margin-left:-5px;}

.video-widget{ position:absolute; width:323px; height:190px; left:342px; top:51px;}
.pic-slider{ width:150px; height:160px; position:absolute; left:790px; top:335px; overflow:hidden;}
.pic-slider li{ width:150px; height:160px; overflow:hidden;}
.pic-slider img{overflow:hidden;}
.menu{ position:absolute; width:1000px; height:39px; left:0; bottom:0; z-index:500;  border-top:1px solid #b1b1b1;
background-position:0 0;
}

.logo{ float:left; width:165px; height:74px; margin-top:-35px; background:url(../images/logo.png);}
.nav { float:left; padding-top:4px;}
.nav li{ float:left; margin-left:10px; display:inline;}
.nav li a{ display:block; width:85px; height:33px; line-height:33px; background-position:0 0; text-align:center; font-weight:bold; font-size:14px;}
.nav li.current a,.nav li a:hover{background-position:0 -35px;}

.link{ float:right; padding:10px 50px 0 0}
.link a{ float:left; width:22px; height:21px; margin-left:5px;}
.link .link-1{ background-position:0 -70px;}
.link .link-2{ background-position:0 -95px;}
.link .link-3{ background-position:0 -120px;}
.link .link-4{ background-position:0 -145px;}
.link .link-5{ background-position:0 -170px;}

.nav-exit{ float:right; position:relative; width:74px; height:39px; line-height:39px; text-align:center; border-left:1px solid #b1b1b1;}


.mini-nav{ height:30px; position:absolute; right:-300px; bottom:41px; border-top:1px solid #b1b1b1;}
.mini-nav .arrow{ float:left; background-position:-85px 0; width:40px; height:30px; cursor:pointer;}
.mini-nav .arrow-open{ background-position:-85px -30px;}
.mini-nav-list{ float:left; height:30px; line-height:30px;}
.mini-nav-list li{ float:left; border-left:1px solid #b1b1b1;}
.mini-nav-list li a{ display:block; width:74px; height:30px; text-align:center; background-position:-125px 0; color:#99d2ff;}
.mini-nav-list li a:hover{background-position:-125px -30px;}

.m-tips{ position:absolute; left:310px; bottom:65px; width:230px; background-color:#fff; border:1px solid #b1b1b1; padding:5px; border-radius:4px;}
.m-tips:hover{ box-shadow:0 0 17px rgba(27,121,107,.9)}
.m-tips em{ position:absolute; width:12px; height:15px; left:-12px; top:50%; margin-top:-8px; background-position:-30px -80px;}
.m-tips i{ color:#1c1f87; text-decoration:underline;}


/*活动中心*/
.activity{ background:url(../images/bg-02.jpg);}
.pop-box{ width:100px; height:50px; left:640px; top:350px; padding:10px; position:absolute; background-color:#fff; border-radius:3px;}
.pop-box .title{ height:32px; line-height:32px; color:#fff; font-size:14px; padding:0 10px; background-color:#0a6556; border-radius:3px 3px 0 0; overflow:hidden;}
.tabs-bar{ height:33px; background-position:0 -40px;}
.tabs{ padding-top:5px; float:left; }
.tabs li{ height:28px; float:left; margin-left:10px; border-radius:4px 4px 0 0; overflow:hidden; _display:inline;}
.tabs li a{display:block; height:28px; line-height:28px; padding:0 15px;float:left;}
.tabs li.current a,.tabs li a:hover{  background-position:0 -75px;}

.search-bar{ float:right; padding:6px 6px 0 0; height:20px;}
.search-bar input{ float:left; height:18px; line-height:18px; width:128px; padding:0 5px; border:1px solid #666; background-color:transparent;}
.search-bar button{ height:20px; padding:0 5px; border:none; color:#fff; background-color:#666;  border-radius:4px; float:left; margin-left:5px;}

.box-main{ height:313px; border:1px solid #ccc; overflow:hidden;}
.table-container{ width:618px; height:313px;}
.table{ background-color:#f8f8f8;}
.table td{ height:45px; line-height:16px;}
.table tr.row-bg{ background-color:#d4e7e5;}
.k-blue{ color:#0099ff;}
.btn-green2-a{ display:inline-block; height:24px; line-height:25px; text-align:center; color:#fff; padding:0 15px; background-position:0 -105px;}

.search-result{ display:none; width:300px; height:40px; line-height:40px; text-align:center; background-color:#ff6600; position:absolute; left:170px; top:150px; z-index:9; border-radius:4px; box-shadow:1px 1px 3px rgba(51,51,51,.3)}

/*产品中心*/
.product{ background:url(../images/bg-03.jpg);}
.product-item{ position:absolute; width:150px; height:195px;}
.product-1{ left:20px; top:230px;}
.product-2{ left:290px; top:230px;}
.product-3{ left:560px; top:230px;}
.product-4{ left:830px; top:230px;}
.product-5{ left:155px; top:380px;}
.product-6{ left:425px; top:380px;}
.product-7{ left:695px; top:380px;}
.welcome-marquee{ position:absolute; left:324px; top:102px; width:354px; height:15px; line-height:15px; color:#00ff4e; font-weight:bold;}

.booth-list{ width:380px; height:400px;}
.booth-list li a{ display:block; height:26px; line-height:26px; padding:0 10px; border-bottom:1px solid #fff; background-color:#f8f8f8; color:#4764aa;}
.booth-list li.even a{ background-color:#e4e4e4;}
.booth-list li:hover a{ box-shadow:0 0 5px rgba(102,102,102,.7)}

/*产品中心 详细*/
.product-detail{ background:url(../images/bg-05.jpg);}
.left-top{ position:absolute; left:60px; top:15px;}
.btn-green3-a{ display:block; width:100px; height:25px; line-height:25px; color:#fff; background-position:-50px -70px; font-size:14px; padding:0 10px;}
.left-top .btn-green3-a{ margin-top:15px;}

.right-top{ position:absolute; right:40px; top:40px; z-index:5}
.right-top a{ margin-bottom:5px;}
.btn-gray2-a,.btn-red-a{ display:block; width:75px; height:25px; line-height:25px; background-color:#999; border-radius:3px; color:#fff; text-align:center;}
.btn-gray2-a:hover{ background-color:#aaa;}
.btn-red-a{ background-color:#ff0000;}

.right-middle{ position:absolute; right:15px; top:220px;}
.btn-gray3-a{ display:block; width:148px; height:34px; line-height:34px; text-align:center; color:#fff; background-position:-30px -100px; font-size:14px;}
.btn-gray3-a:hover{background-position:-30px -140px;}
.right-middle a{ margin-bottom:5px;}

.jDialog-container{ display:none; /*width:0; height:0; left:500px; top:285px;*/ position:absolute; padding:10px; background-color:#f5f5f5; z-index:99; border-radius:5px; box-shadow:0 0 5px rgba(102,102,102,.5)}
.jDialog-container table{ border:0; margin:0; padding:0; width:auto;}
.jDialog-container .j-title{ height:34px; line-height:34px; padding:0 10px; background-position:0 -130px; color:#fff; font-size:14px;  border-radius:4px 4px 0 0; position:relative;}
.jDialog-container .j-title .j-btn-close{ position:absolute; right:5px; top:5px; width:24px; height:24px; background-position:right top;}
.jDialog-container .j-box-cnt{ border:1px solid #c8c8c8; height:300px; border-radius:0 0 4px 4px; background:#fff;}

.leave-msg{ width:380px; height:180px;}
.leave-msg .c-red{color:#d43300; padding:5px 0;}
.msg-area{}
.msg-area textarea{ width:368px; height:70px; padding:5px; border:1px solid #c8c8c8; border-radius:4px; resize:none; overflow:auto;}
.btn-black-b{ height:25px; padding:0 10px; background-position:0 -130px; color:#fff; border:none; border-radius:4px; cursor:pointer; overflow:visible;}
.submit-area{ text-align:center; padding:5px 0 0;}
.submit-area button{ margin:0 20px;}
.p-marquee{ position:absolute; width:430px; height:40px; line-height:40px; right:44px;top:68px; color:#00cc00; font-weight:bold; font-size:16px;}
.p-video-widget{ position:absolute; width:340px; height:210px; background-color:#000; left:344px; top:125px;}
.product-img{ position:absolute; width:240px; height:45px; left:412px; top:495px;}

/*产品介绍*/
.product-intro{ width:770px; height:440px;}
.product-intro .box-cnt{ height:406px;}
.p-left{ float:left; width:160px;height:406px;background-color:#fff}
.p-right{ float:right; width:598px;height:394px; margin:10px 0 0 10px; border:1px solid #c8c8c8; background-color:#fff}
.p-right-block{ height:394px; position:relative;}
.p-right-block p{ padding:5px; line-height:22px;}
.p-img{ position:relative;width:598px;height:394px; overflow:hidden;}
.p-img h4{ position:absolute; width:100%; height:22px; line-height:22px; text-indent:10px; background-color:#ccc;}
.p-img img{ width:598px;height:394px;}
.p-menu li { position:relative;}
.p-menu li a{ display:block; height:26px; line-height:26px; padding-left:35px;}
.p-menu li.current a,.p-menu li a:hover{background-color:#e3ffd7;}
.p-menu li s{ position:absolute; width:13px; height:13px; left:15px; top:5px; background-position:-30px -180px;}
.p-img-tabs{ position:absolute; left:10px; bottom:10px;}
.p-img-tabs li{ float:left; margin-right:2px; width:20px; height:20px; line-height:20px; text-align:center; background-color:#333; color:#fff; cursor:pointer;}
.p-img-tabs li.current{ background-color:#C00; cursor:default;}

/*资料中心*/
.data{ background:url(../images/bg-04.jpg);}
.data .table td{ height:75px; padding-left:10px;}

/*谁在这里*/
.i-user-list-wrap{ width:220px; height:340px;}
.i-user-list{ background-color:#fff;}
.i-user-list li{ position:relative;}
.i-user-list li a{ display:block; height:26px; line-height:26px; padding:0 10px; border-bottom:1px solid #fff; background-color:#f8f8f8; color:#4764aa;}
.i-user-list li.even a{ background-color:#e4e4e4;}
.i-user-list li:hover a{ box-shadow:0 0 5px rgba(102,102,102,.7)}

/*我的资料*/
.i-my-profile{ width:520px; height:260px;background-color:#f5f5f5;}
.profile-tabs{ height:24px; padding-top:2px; background-color:#d7d8da; border-top:1px solid #e4e4e4;}
.profile-tabs li { float:left; margin-left:10px;_display:inline;}
.profile-tabs li a{ display:block; padding:0 20px; height:24px; line-height:24px; _float:left; }
.profile-tabs li.current a{background-color:#f5f5f5; border-radius:3px 3px 0 0;}

.my-info{ overflow:hidden; *zoom:1;}
.my-info .left{ float:left; width:240px; padding:20px 0 0;}
.dl-row{ padding-bottom:10px; *zoom:1;}
.dl-row:after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.dl-row dt{ float:left; width:60px; text-align:right; line-height:22px;}
.dl-row dd{ float:left; height:22px; line-height:22px;}
.input-txt{ width:156px; height:20px; line-height:20px; padding:0 2px; border:1px solid #000;}
.my-info .submit-area{ padding:5px 0 0 40px;}
.my-info-right{ float:left; margin:30px 0 0 10px; padding:5px; width:240px; border-radius:4px; background-color:#fafafa; border:1px solid #eee; box-shadow:0 1px 5px rgba(51,51,51,.3);}
.my-info-right .t{ height:24px; line-height:24px; padding-left:10px; color:#fff; background-color:#6c6c6c; border-radius:4px;}
.my-info-right .avatar{ border:1px solid #000; float:left; margin:10px 10px 0 5px;}
.my-info-right .m-r{ float:left; width:163px;}
.my-info-right .m-r dt{ font-size:14px; color:#4764c4;}
.my-info-right .m-r dd{}

.my-avatar{ height:232px; border:1px solid #c8c8c8; border-top:none; background-color:#fff;}
.avatar-tabs{ float:left; width:80px; height:232px; border-right:1px solid #c8c8c8;}
.avatar-tabs li a{ display:block; height:26px; line-height:26px; text-align:center;}
.avatar-tabs li.current a{background-color:#f5f5f5;}
.avatar-tabs li.current a,.avatar-tabs li a:hover{background-color:#e3ffd7;}
.avatar-main{ float:left; width:437px; height:232px;}
.sys-avatar-list{ width:360px; height:185px; padding:0 0 0 38px;}
.sys-avatar-list li{ float:left; border:2px solid #fff; margin:5px 0 0 5px; font-size:0; cursor:pointer;}
.sys-avatar-list li.selected{ border-color:#000;}

.i-upload-avatar{ padding:20px 0 0 80px;}
.input-file{ position:relative;width:270px; height:25px; display:block;}
.input-file .input-txt{ width:190px; height:23px; line-height:23px;}
.input-file .btn-black-b{ width:60px;}
.input-file .file{ position:absolute; top:0; right:0; height:25px; line-height:25px; filter:alpha(opacity=0);opacity: 0; width:270px; cursor:pointer;}
.i-upload-avatar .submit-area{ padding-top:40px; width:270px;}

.i-cut-avatar{ padding:10px 0 0 10px; position:relative;}
.avatar-preview{ width:220px; height:170px; border:2px solid #333;}
.i-cut-avatar .submit-area{ padding-top:10px;}

.avatar-cut{ height:20px; width:180px; position:absolute; right:10px; top:130px;}
.avatar-cut a,.avatar-cut .bar,.avatar-cut .handle{ background:url(../images/slider.png);}
.avatar-cut a{ float:left; width:20px; height:20px;}
.avatar-cut .zoom-out{ background-position:0 0;}
.avatar-cut .zoom-in{ background-position:-20px 0;}
.avatar-cut .bar{ float:left; width:140px; height:10px; margin-top:5px; background-position:0 -20px; position:relative;}
.avatar-cut .handle{ position:absolute; width:11px; height:15px; top:-2px; left:50%; margin-left:-7px; background-position:-40px 0; cursor:pointer;}

/*名片盒*/
.i-vcard-box{ width:220px; height:340px; overflow:auto; background-color:#fff; white-space:nowrap; overflow:hidden;}
.i-vcard-list li a{ display:block; height:26px; line-height:26px; padding:0 10px; border-bottom:1px solid #fff; background-color:#f8f8f8; color:#4764aa;}
.i-vcard-list li.even a{ background-color:#e4e4e4;}
.i-vcard-list li:hover a{ box-shadow:0 0 5px rgba(102,102,102,.7)}

/*个人信息*/
.i-vard-info{ width:240px; padding:10px 0 0; overflow:hidden; zoom:1;}
.i-vard-info dd{ padding-bottom:10px; float:right; width:170px;}
.i-vard-info dt{ float:left; padding:10px 10px 0 0;}
.exchange-vcard{ display:block; height:22px; line-height:22px; width:50px;color:#3366cc; padding-left:25px; background-position:-228px -35px;}

.i-user-info{ display:none; position:absolute; left:250px; top:30px; width:200px; height:80px; background-color:#fff; z-index:999;}
.i-user-info dt{ float:left; margin:10px 10px 0 10px;}
.i-user-info dd{ float:left; padding-top:5px; width:110px; white-space:nowrap; overflow:hidden;}
.i-user-info s{ display:block; width:13px; height:20px; background-position:-237px -70px; position:absolute; left:-13px; top:30px;}

/*注册登录*/
.entrance{ height:610px; background:url(../images/bg-entrance.jpg); position:relative;}
.login-box{ width:280px; height:195px; padding:55px 0 0 20px; background:url(../images/login-box.png); position:absolute; right:10px; top:10px;}

.login-box .h{color:#56C4FD; padding:0 0 5px 60px;}
.entrance .dl-row{ padding-bottom:5px;}
.btn-kav-a{ width:66px; height:24px; border:0; background:url(../images/bt.png); cursor:pointer;}
.btn-kav-b{ width:81px; height:24px; border:0; background:url(../images/lbt.png); cursor:pointer;}
.login-box .submit-area { padding:0;}
.login-box .submit-area button{ margin:0 15px;}
.toreg{ padding:15px 0 0 60px;}
.toreg a{ color:#fff; }
.toreg a:hover{ text-decoration:underline;}
.toreg .reg{ margin-right:60px;}
.admin-login{ padding:5px 0 0 60px;}

.reg-box{ display:none; width:500px; height:380px; background:url(../images/register-box.png); position:absolute; left:250px; top:120px; padding:50px 0 0;}
.reg-box .dl-row{ _padding-bottom:3px;}
.reg-box .dl-row dt{ width:120px;}
.reg-box .dl-row .input-txt { width:174px;}
.blue-tips{color:#56C4FD; margin-left:10px;}
.select-b{border: 1px solid #000; font-size: 13px; height: 20px; line-height: 20px; width: 180px;}
.reg-box .submit-area{ padding:5px 85px 0 0;}

.forget-pwd{ display:none; background:url(../images/forgetpwd.png); width:279px; height:158px; position:absolute; left:350px; top:180px; padding:50px 0 0 20px;}
.forget-pwd .h{color:#56C4FD; padding:0 0 5px 60px;}
.forget-pwd .submit-area { text-align:left; padding:5px 0 0 40px;}

.exit-dialog{ width:200px;}
.exit-prompt{ padding:20px 0; text-align:center;}